<template>
  <div id="index">

    <Header />

      
    <el-row id="u13696">
      <div class="ax_default _图片">
        <img id="u13696_img" class="img" src="../../assets/images/u13696.png" />
      </div>

      <div id="u13506" class="ax_default box_1">
        <div id="u13506_div" class=""></div>
        <img id="u13506_img" class="img" src="../../assets/images/u13504.png" />
        <div class="text">
          <p><span style="margin-left: 150px">累计成交（吨）</span></p>
          <p><span style="font-size: 27px; margin: 5px 140px">6548526</span></p>
        </div>
        <el-button type="danger" style="margin: 10px 10px 10px 0; width: 35%"
          >立即注册</el-button
        >
        <el-button type="primary" style="width: 35%" href="../Login/Login.js"
          >马上登入</el-button
        >
        <div id="u13525" class="ax_default box_1">
          <div id="u13525_div" class="">
            <div
              id="u13527_div"
              class=""
              style="display: inline-block; margin-right: 240px"
            >
              头条
            </div>
            <el-link
              :underline="false"
              type="primary"
              style="display: inline-block"
              >查看更多</el-link
            >
            <div style="display: block; margin-top: 10px">
              <div class="" style="display: inline-block; margin-right: 260px">
                头条
              </div>
              <div class="" style="display: inline-block">02-01</div>
            </div>
            <div style="display: block; margin-top: 5px">
              <div class="" style="display: inline-block; margin-right: 260px">
                头条
              </div>
              <div class="" style="display: inline-block">02-01</div>
            </div>
            <div style="display: block; margin-top: 5px">
              <div class="" style="display: inline-block; margin-right: 260px">
                头条
              </div>
              <div class="" style="display: inline-block">02-01</div>
            </div>
            <div style="display: block; margin-top: 5px">
              <div class="" style="display: inline-block; margin-right: 260px">
                头条
              </div>
              <div class="" style="display: inline-block">02-01</div>
            </div>
          </div>
        </div>
      </div>
    </el-row>
    <el-row id="line5">
      <el-col
        :span="3"
        style="
          border-right: 1px solid black;
          border-bottom: 1px solid black;
          margin-left: 1px;
        "
      >
        <div id="u13548" class="text">下载手机APP</div>
        <div id="u13550" class="text">随时随地下单接单</div>
        <div id="u13551" class="ax_default _图片">
          <img
            id="u13551_img"
            class="img"
            src="../../assets/images/u13551.jpg"
          />
        </div>
      </el-col>
      <el-col :span="19">
        <div>
          <span class="text_left">业务动态</span>
          <img class="img_u13567" src="../../assets/images/u13567.png" />
          <span class="text_right">入住平台，订单就来</span>
          <el-button
            type="danger"
            @click="dialogVisible = true"
            style="margin: 10px"
            >立即加入</el-button
          >
          <el-dialog
            title="提示"
            :visible.sync="dialogVisible"
            width="30%"
            :before-close="handleClose"
          >
            <span>请拨打10086联系管理员开通账号</span>
            <span slot="footer" class="dialog-footer">
              <el-button @click="dialogVisible = false">取 消</el-button>
              <el-button type="primary" @click="dialogVisible = false"
                >确 定</el-button
              >
            </span>
          </el-dialog>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
        <div class="yewu">
          <img class="img_u13555" src="../../assets/images/u13555.png" />
          <span class="">恭喜旭辉运河悦章下料成功,</span>
          <span style="color: #169bd5">下料预拌抹灰砂浆100车</span>
        </div>
      </el-col>
      <!-- style="margin-left: 77px" -->
      <el-col :span="1" ></el-col>
      <div id="position">
        <el-link href="/shoppingcart" target="_blank"
          ><img class="img_u13555" src="../../assets/images/u1392722.png"
        /></el-link>
       
          <el-image
          class="img_u13555"
            :src="require('../../assets/images/u139273.png')"
            :preview-src-list="srcList" 
            style="width: 60px;"
          >
          </el-image
        ></div>
         <!-- <el-link href="" target="_blank"><img  class="img_u13555 " src="../../assets/images/u139273.png"/> </el-link> -->
  
        <!-- <div><img  class="img_u13555 " src="../../assets/images/u139271.png"/></div>
             <div onclick="shoppingcart()"> <img  class="img_u13555 "  src="../../assets/images/u1392722.png"/></div>
              <div> <img  class="img_u13555 " src="../../assets/images/u139273.png"/></div> -->
      
    </el-row>
    <el-row>
      <el-col :span="8">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >排行榜</span
        >
      </el-col>
      <el-col :span="8">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >为您精选</span
        >
      </el-col>
      <el-col :span="8">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >特色服务</span
        >
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="7" class="line6box">
        <img src="../../assets/images/u13899.png" alt="" class="" />
        <el-row class="line6boxleft">
          <img
            src="../../assets/images/u139011.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <img
            src="../../assets/images/u13903.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <span style="font-size: 20px; padding: 20px 200px 50px 20px"
            >预拌抹灰砂浆</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: grey"
            >DMP15</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: red"
            >$300元/吨</span
          >
        </el-row>
        <el-row class="line6boxleft">
          <img
            src="../../assets/images/u139012.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <img
            src="../../assets/images/u13903.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <span style="font-size: 20px; padding: 20px 200px 50px 20px"
            >预拌抹灰砂浆</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: grey"
            >DMP15</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: red"
            >$300元/吨</span
          >
        </el-row>
        <el-row class="line6boxleft">
          <img
            src="../../assets/images/u139013.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <img
            src="../../assets/images/u13903.png"
            alt=""
            class=""
            style="margin-left: 10px; float: left"
          />
          <span style="font-size: 20px; padding: 20px 200px 50px 20px"
            >预拌抹灰砂浆</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: grey"
            >DMP15</span
          ><br />
          <span style="font-size: 20px; padding-left: 20px; color: red"
            >$300元/吨</span
          >
        </el-row>
      </el-col>
      <el-col :span="7" offset="1" class="line6box">
        <img
          src="../../assets/images/u13937.jpg"
          alt=""
          class=""
          style="width: 540px; height: 135px"
        />
        <el-row>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
          <el-col :span="8">
            <img
              src="../../assets/images/u13903.png"
              alt=""
              class=""
              style="margin: 10px"
            />
            <span style="font-size: 15px; padding-left: 20px">预拌抹灰砂浆</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: grey"
              >DMP15</span
            ><br />
            <span style="font-size: 15px; padding-left: 20px; color: red"
              >$300元/吨</span
            >
          </el-col>
        </el-row>
      </el-col>
      <el-col :span="7" offset="1" class="line6box">
        <img
          src="../../assets/images/u13979.png"
          alt=""
          class=""
          style="width: 540px; height: 135px; margin: 5px auto"
        />
        <el-row>
          <el-col :span="12">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
          <el-col :span="10" offset="2">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
          <el-col :span="10" offset="2">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
          <el-col :span="10" offset="2">
            <img
              src="../../assets/images/u13981.png"
              alt=""
              class=""
              style="margin: 20px"
            />
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-row style="margin-top: 10px">
      <el-col :span="8">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >信息价</span
        >
        <el-link
          :underline="false"
          style="
            float: right;
            height: 44px;
            line-height: 44px;
            margin-right: 10px;
            font-size: 20px;
          "
        >
          MORE>></el-link
        >
      </el-col>
      <el-col :span="11">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >工程信息</span
        >
        <el-link
          :underline="false"
          style="
            float: right;
            height: 44px;
            line-height: 44px;
            margin-right: 10px;
            font-size: 20px;
          "
        >
          MORE>></el-link
        >
      </el-col>
      <el-col :span="4">
        <img
          src="../../assets/images/u13577.png"
          alt=""
          class=""
          style="float: left"
        />
        <span
          style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
          >平台服务内容</span
        >
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8">
        <el-table
          :data="tableData"
          border
          style="width: 100%; text-align: center"
        >
          <el-table-column prop="chandi" label="产地" width="100">
          </el-table-column>
          <el-table-column prop="type" label="类型"> </el-table-column>
          <el-table-column prop="name" label="名称" width="100">
          </el-table-column>
          <el-table-column prop="level" label="强度等级" width="100">
          </el-table-column>
          <el-table-column prop="uint" label="单位" width="100">
          </el-table-column>
          <el-table-column prop="price" label="信息价" width="100">
          </el-table-column>
        </el-table>
        <el-row class="haveborder" style="margin-top: 10px">
          <img
            src="../../assets/images/u13577.png"
            alt=""
            class=""
            style="float: left"
          />
          <span
            style="
              float: left;
              height: 44px;
              line-height: 44px;
              margin-left: 5px;
            "
            >建材学院</span
          >
          <el-link
            :underline="false"
            style="
              float: right;
              height: 44px;
              line-height: 44px;
              margin-right: 10px;
              font-size: 20px;
            "
          >
            MORE>></el-link
          >
        </el-row>
        <el-row>
          <img
            src="../../assets/images/u14017.png"
            alt=""
            class=""
            style="margin: 10px; width: 600px; height: 337px"
          />
        </el-row>
      </el-col>
      <el-col :span="11">
        <el-row style="margin-bottom: 20px; border-top: 1px solid grey">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 20px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-bottom: 12px">
          <el-col :span="3" style="font-size: 15px">【杭州市】</el-col>
          <el-col :span="10" style="font-size: 15px">
            留泗路（之江界~之江路）一期提升改造工程监理
            <img
              src="../../assets/images/u13831.png"
              alt=""
              class=""
              style="float: right; width: 30px; height: 30px"
            />
          </el-col>
          <el-col :span="3" offset="8" style="font-size: 15px"
            >2018-11-05
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px">
          <el-col :span="12" class="haveborder">
            <img
              src="../../assets/images/u13577.png"
              alt=""
              class=""
              style="float: left"
            />
            <span
              style="
                float: left;
                height: 44px;
                line-height: 44px;
                margin-left: 5px;
              "
              >知名合作品牌</span
            >
          </el-col>
          <el-col
            :span="12"
            class="haveborder"
            style="border-right: 1px solid rgb(169, 162, 162)"
          >
            <img
              src="../../assets/images/u13577.png"
              alt=""
              class=""
              style="float: left"
            />
            <span
              style="
                float: left;
                height: 44px;
                line-height: 44px;
                margin-left: 5px;
              "
              >全名经纪人</span
            >
          </el-col>
          <el-row>
            <el-col :span="12">
              <img
                src="../../assets/images/u13889.png"
                alt=""
                class=""
                style="margin: 10px; width: 430px"
              />
            </el-col>
            <el-col :span="12">
              <img
                src="../../assets/images/u13694.jpg"
                alt=""
                class=""
                style="margin: 10px; width: 420px; height: 337px"
              />
            </el-col>
          </el-row>
        </el-row>
      </el-col>
      <el-col :span="4">
        <el-row>
          <img
            src="../../assets/images/u12878.png"
            alt=""
            class=""
            style="margin: 40px auto; width: 200px"
          />
        </el-row>
        <el-row>
          <img
            src="../../assets/images/u12878.png"
            alt=""
            class=""
            style="margin: 40px auto; width: 200px"
          />
        </el-row>
        <el-row>
          <img
            src="../../assets/images/u12878.png"
            alt=""
            class=""
            style="margin: 40px auto; width: 200px"
          />
        </el-row>
      </el-col>
    </el-row>
    <el-row :span="24">
      <img
        src="../../assets/images/u13577.png"
        alt=""
        class=""
        style="float: left"
      />
      <span
        style="float: left; height: 44px; line-height: 44px; margin-left: 5px"
        >咨询中心</span
      >
    </el-row>
    <el-row>
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        active-text-color="#409EFF"
        style="margin-left: 20px"
      >
        <el-menu-item index="1" class="menufs">建材咨询</el-menu-item>
        <el-menu-item index="2" class="menufs">建材规范</el-menu-item>
        <el-menu-item index="3" class="menufs">建材头条</el-menu-item>
      </el-menu>
    </el-row>
    <el-row>
      <el-col :span="7">
        <img
          src="../../assets/images/u13593.png"
          alt=""
          class=""
          style="margin-left: 20px; height: 345px"
        />
      </el-col>
      <el-col :span="16">
        <el-row>
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; width: 400px; height: 170px"
          />
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; margin-left: 20px; width: 400px; height: 170px"
          />
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; margin-left: 20px; width: 400px; height: 170px"
          />
        </el-row>
        <el-row style="margin-top: 5px">
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; width: 400px; height: 170px"
          />
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; margin-left: 20px; width: 400px; height: 170px"
          />
          <img
            src="../../assets/images/u13595.jpg"
            alt=""
            class=""
            style="float: left; margin-left: 20px; width: 400px; height: 170px"
          />
        </el-row>
      </el-col>
    </el-row>
    <el-row class="lastline" style="color: white">
      <el-col :span="3" offset="1">
        <el-row></el-row>
        <img
          src="../../assets/images/u13627.png"
          alt=""
          class=""
          style="width: 40px; margin-top: 10px; float: left"
        />
        <span style="font-size: 20px; float: left; margin: 15px 10px"
          >新手指南</span
        >
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >业务流程</el-link
          >
        </el-row>
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >用户协议</el-link
          >
        </el-row>
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >帮助中心</el-link
          >
        </el-row>
      </el-col>
      <el-col :span="3" offset="1">
        <img
          src="../../assets/images/u13627.png"
          alt=""
          class=""
          style="width: 40px; margin-top: 10px; float: left"
        />
        <span style="font-size: 20px; float: left; margin: 15px 10px"
          >工地中心</span
        >
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >工地入口</el-link
          >
        </el-row>
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >一键下单</el-link
          >
        </el-row>
      </el-col>
      <el-col :span="3" offset="1">
        <img
          src="../../assets/images/u13627.png"
          alt=""
          class=""
          style="width: 40px; margin-top: 10px; float: left"
        />
        <span style="font-size: 20px; float: left; margin: 15px 10px"
          >OEM中心</span
        >
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >OEM入口</el-link
          >
        </el-row>
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >立即入驻</el-link
          >
        </el-row>
      </el-col>
      <el-col :span="3" offset="1">
        <img
          src="../../assets/images/u13627.png"
          alt=""
          class=""
          style="width: 40px; margin-top: 10px; float: left"
        />
        <span style="font-size: 20px; float: left; margin: 15px 10px"
          >企业资质</span
        >
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >关于我们</el-link
          >
        </el-row>
        <el-row>
          <el-link
            :underline="false"
            type="info"
            style="font-size: 15px; float: left; margin-left: 50px"
            >联系我们</el-link
          >
        </el-row>
      </el-col>
      <el-col :span="4" offset="2">
        <span style="font-size: 30px; float: left; margin: 15px 10px"
          >联系我们</span
        >
        <el-row>
          <span style="font-size: 35px; float: left; margin: 10px"
            >400-887-5770</span
          >
        </el-row>
        <el-row>
          <span style="font-size: 20px; float: left; margin: 10px"
            >8：00-17：00（工作日）</span
          >
        </el-row>
      </el-col>
    </el-row>
    <el-row style="margin-left: 15px">
      <span>友情链接：</span>
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >萍乡建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >九江建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >南昌建材市场、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >吉安建材市场、</el-link
      >
      <el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心价格、</el-link
      ><el-link :underline="false" type="info" style="font-size: 20px"
        >加工中心</el-link
      >
    </el-row>
     <el-backtop>
      <i class="el-icon-upload2"></i>
    </el-backtop>

  </div>
</template>
<script>
import Header from "@/components//Header.vue";
export default {
  data() {
    return {
      activeIndex: "1",
      activeIndex2: "1",
      dialogVisible: false,
      srcList: [
          require('../../assets/images/u.png')
        ],
      tableData: [
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
        {
          chandi: "郑州",
          type: "黑色及有色金属",
          name: "热轧圆钢",
          level: "6.5-8",
          uint: "吨",
          price: "600.00",
        },
      ],
    };
  },
  components: {
    Header,
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
  shoppingcart() {
    window.location.href = "/shoppingcart";
  },
  handleClose(done) {
    this.$confirm("确认关闭？")
      .then((_) => {
        done();
      })
      .catch((_) => {});
  },
};
</script>
<style scoped src="../../style/index.css">
</style>